<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>es6定义变量</title>
</head>
<body>
    <script>
        // var name = 'zhangsan'; // 定义变量 name
        // var a = `名字是${name}`; // 使用模板字符串
        // console.log(a); // 输出: 名字是${name}

        /*
            必须先定义  再使用
        */
        // console.log(a); 
        // let a = 100; // 定义变量 a
        // console.log(a); // 输出: 100

        /*
           不能重复定义
        */
        // let name = 'zhangsan'; // 定义变量 name
        // let name = 'lisi'; // 定义变量 name

        /*
            变量作用域
            1. var 定义的变量是全局作用域的
            2. let 定义的变量是块级作用域的
        */
        // if (true) {
        //     let name = 'zhangsan'; // 定义变量 name
        //     console.log(name); // 输出: zhangsan
        // }
        // console.log(name); // 输出: Uncaught ReferenceError: name is not defined

        // const name = 'zhangsan'; // 定义常量 name
        // name = 'lisi'; // 修改常量 name
        // console.log(name); // 输出: Uncaught TypeError: Assignment to constant variable.
    </script>
</body>
</html>